<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>团检结算</title>
  <link rel="stylesheet" type="text/css" href="../../../../themes/default/easyui.css">
  <link rel="stylesheet" type="text/css" href="../../../../themes/icon.css">
  <script type="text/javascript" src="../../../../easyui/js/jquery.min.js"></script>
  <script type="text/javascript" src="../../../../easyui/js/jquery.easyui.min.js"></script>
  <style>
    body {
        font-size: 14px;
    }
    a {
        display: inline-block;
        text-decoration: none;
        color: #000;
        padding: 0;
        margin: 0;
    }
    .content {
        /* width: 1200px; */
        /* margin: 100px auto; */
        padding: 50px;
    }
    .content_top {
        overflow: hidden;
    }
    .form-item{
      float: left;
      margin-right: 20px;
      width: 350px;
      margin-bottom: 20px;
    }
    .form-item .btn {
        /* width: 80px; */
        padding: 0 30px;
        height: 35px;
        line-height: 35px;
        text-align: center;
        color: #fff;
        font-size: 16px;
        background: rgba(64, 158, 255, 1);
        border-radius: 10px;
    }
    .title {
        width: 100%;
        height: 50px;
        line-height: 50px;
        border-bottom: 3px solid #000;
        font-weight: 400;
    }
    .detail {
        width: 100px;
        color: rgba(64, 158, 255, 1);
    }
  </style>


</head>
<body>
  <div class="content">
    <div class="content_top">
        <h3 class="title">团检结算</h3>
        <form id="ff" method="post">
            <div class="form-item">
                <label for="name">企业名称:</label>
                <input class=" easyui-validatebox" placeholder="输入内容" type="text" name="name" data-options="required:false" style="width: 270px;height: 30px;"/>
            </div>
            <div class="form-item">
                <label for="name">企业联系人:</label>
                <input class=" easyui-validatebox" placeholder="输入内容" type="text" name="name" data-options="required:false" style="width: 270px;height: 30px;"/>
            </div>
            <div class="form-item">
                <label for="name">联系人电话:</label>
                <input class=" easyui-validatebox" placeholder="输入内容" type="text" name="name" data-options="required:false" style="width: 270px;height: 30px;"/>
            </div>
            <div class="form-item">
                <a href="#" class="btn">搜 索</a>
                <a href="#" class="btn" style="background: #f56c6c;">重 置</a>
            </div>
        </form>
    </div>
    <div class="content_buttom">
        <table class="easyui-datagrid" data-options="ctrlSelect:true,pagination:true" style="width: 1410px;">
            <thead>
                <tr>
                    <th data-options="field:'a1',width:90,align:'center'">序号</th>
                    <th data-options="field:'a2',width:200,align:'center'">企业名称</th>
                    <th data-options="field:'a3',width:100,align:'center'">企业联系人</th>
                    <th data-options="field:'a4',width:150,align:'center'">联系人电话</th>
                    <th data-options="field:'a4',width:150,align:'center'">总体检人数</th>
                    <th data-options="field:'a5',width:115,align:'center'">实际体检人数</th>
                    <th data-options="field:'a6',width:100,align:'center'">总费用</th>
                    <th data-options="field:'a7',width:100,align:'center'">企业承担费用</th>
                    <th data-options="field:'a8',width:100,align:'center'">员工自付总费用</th>
                    <th data-options="field:'a9',width:100,align:'center'">企业实际支付费用</th>
                    <th data-options="field:'a10',width:100,align:'center'">操作</th>
                    <th data-options="field:'a11',width:100,align:'center'">明细</th>
                </tr>
            </thead>
            <tbody>
                <tr>
                    <td>1</td>
                    <td>山西欣欣信息科技有限公司</td>
                    <td>张辉</td>
                    <td>13566668888</td>
                    <td>200人</td>
                    <td>150人</td>
                    <td>20000.00元</td>
                    <td>15000.0元</td>
                    <td>5000.0元</td>
                    <td>13000.0元</td>
                    <td>
                        <a href="javascript:void(0)" class="detail">结算</a>
                    </td>
                    <td>
                        <a href="settlementInspection.html" class="detail">查看</a>
                    </td>
                </tr>
                <tr>
                    <td>1</td>
                    <td>山西欣欣信息科技有限公司</td>
                    <td>张辉</td>
                    <td>13566668888</td>
                    <td>200人</td>
                    <td>150人</td>
                    <td>20000.00元</td>
                    <td>15000.0元</td>
                    <td>5000.0元</td>
                    <td>13000.0元</td>
                    <td>
                        <a href="javascript:void(0)" class="detail">收款</a>
                    </td>
                    <td>
                        <a href="collectionPayments.html" class="detail">查看</a>
                    </td>
                </tr>
        	</tbody>
        </table>
    </div>
  </div>
  <script type="text/javascript">



    $(function () {
      //
    })
  </script>
</body>
</html>
